<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" >
    <h:head>
        <title>#{msg.login}</title>
    </h:head>
    <h:body>
        <f:view contentType="text/html">
            <form method="post" action="#{request.contextPath}/j_security_check">
                <p:dialog header="#{msg.login}" draggable="false" visible="true" resizable="false" closable="false">
                    <h:panelGrid columns="2">
                        <h:outputLabel for="j_username" value="#{msg.email}:"/>
                        <input type="text" name="j_username" id="j_username" style="width: 250px"
                               class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"/>
                        <h:outputLabel for="j_password" value="#{msg.password}:"/>
                        <input type="password" name="j_password" id="j_password" style="width: 250px"
                               class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"/>
                    </h:panelGrid>
                    <p:outputPanel styleClass="ui-widget" layout="block" rendered="#{showLoginError}">
                        <div style="padding:4px;" class="ui-state-error ui-corner-all">
                            <span style="float:left;margin-right:10px;" class="ui-icon ui-icon-alert"></span>
                            <strong>#{msg.loginErrorMessage}</strong>
                        </div>
                    </p:outputPanel>
                    <div>
                        <button type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
                            <span class="ui-button-icon-left ui-icon ui-icon-key"></span>
                            <span class="ui-button-text">#{msg.logIn}</span>
                        </button>
                    </div>
                </p:dialog>
                <input type="hidden" name="j_form_encoding" value="UTF-8"/>
            </form>
        </f:view>
    </h:body>
</html>


